 // 导入处理路径的模块
 var path = require('path');
 var VueLoaderPlugin = require('vue-loader/lib/plugin')
 // 导出一个配置对象，将来webpack在启动的时候，会默认来查找webpack.config.js，并读取这个文件中导出的配置对象，来进行打包处理
 module.exports = {
     entry: path.resolve(__dirname, 'src/main.js'), // 项目入口文件
     output: { // 配置输出选项
         path: path.resolve(__dirname, 'dist'), // 配置输出的路径
         filename: 'bundle.js' // 配置输出的文件名
     },
     module: { // 用来配置第三方loader模块的
        rules: [ // 文件的匹配规则
            { test: /\.css$/,use: ['style-loader', 'css-loader'] },//处理css文件的规则
            { test: /\.(jpg|png|gif|bmp|jpeg|ttf)$/, loader: 'url-loader?limit=7240&name=[hash:8]-[name].[ext]' },//图片路径
            { test: /\.js$/, use: 'babel-loader', exclude: /node_modules/ },//js文件，排除Node_modules文件
            { test: /\.vue$/, use: 'vue-loader' }
        ]
    },
    plugins:[
        new VueLoaderPlugin()
    ]
  
 }
